<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>列表+超链接实现导航菜单</title>
</head>
<style>
    .nav{
        width: 938px;
        background: url("nav_blue.jpg");
    }
    li{
        list-style: none;
        display: inline;
        line-height: 38px;
        margin-left: 35px;
    }
    a{
        text-decoration: none;
        color: white;
    }
    a:link,a:visited,a:hover,a:active{text-decoration:none;color:#FFFFFF;}
    a:hover{color:red;border-bottom:5px solid #FF0000;}
    ul{
        height: 38px;
        text-align: center;
    }
</style>
<body>
    <div class="nav">
        <ul>
            <li><a href="#">首页</a></li>
            <li><a href="#">期刊介绍</a></li>
            <li><a href="#">编委会/董事会</a></li>
            <li><a href="#">常见问题及解答</a></li>
            <li><a href="#">常用文档下载</a></li>
            <li><a href="#">订阅</a></li>
            <li><a href="#">过刊浏览</a></li>
            <li><a href="#">优先出版</a></li>
        </ul>
    </div>
    <hr>

    <p> <script>document.write(document.lastModified);</script>  <a href="index.html">返回本章目录</a></p>

</body>
</html>
